/* pages/Carrier/Carrier.wxss */

.box-container{
  display: block; 
  box-sizing: border-box;
  padding: 10px;  
 margin-bottom: 20px; /* 为了与下面的内容保持间距，可以设置容器的下边距 */ 
}
.icon-text-container {  
 width: 70px;
 display: flex;  
 flex-direction: column; /* 设置为列方向布局，使图标和文字垂直排列 */  
 align-items: center; /* 使图标和文字在水平方向上居中对齐 */  
 
 margin: 10px 0; /* 根据需要设置容器的外边距 */  
}  
 
.icon {  
 width: 43px; /* 设置图标的宽度 */  
 height: 28px; /* 设置图标的高度 */  
 margin-bottom: 5px; /* 设置图标和文字之间的间距 */  
}  
 
.icon-text {  
 font-size: 14px; /* 设置文字的字体大小 */
 margin-top: 2px;  
 color: #333333; /* 设置文字的颜色 */  
 text-align: center; /* 设置文字在水平方向上居中对齐（虽然在这里由于flex布局已经居中对齐，但可以根据需要添加） */  
}
.horizontal-line {  
 width: 100px; /* 或者设置为你需要的宽度 */  
 height: 2px; /* 横线的高度 */  
 background-color: #000000; /* 横线的颜色，这里设置为黑色 */  
 margin-top: 10px;
}
/* WXSS 文件 */ 
.container {
 padding: 10px;
}

.section {
 width: 90%;
 margin: 10px auto;
 padding: 15px;
 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 border-radius: 8px;
 display: flex;
 align-items: center;
}

.label {
 flex: 1;
 text-align: left;
 font-weight: bold;
 margin-right: 10px;
}

.input {
 flex: 2;
 padding: 5px;
 border: 1px solid #ccc;
 border-radius: 4px;
}

.upload-btn {
 width: 100px;
 height: 100px;
 background-color: #1aad19;
 color: white;
 border: none;
 border-radius: 8px;
 padding: 0;
 display: flex;
 justify-content: center;
 align-items: center;
}

.camera-icon {
 width: 115px;
 height: 115px;
}

.image-container {
 display: flex;
 flex-wrap: wrap;
 margin-top: 10px;
}

.image-container image {
 width: 60px;
 height: 60px;
 margin: 5px;
 border-radius: 4px;
}

.image-description {
 font-size: 12px;
 color: #666;
 margin-top: 5px;
}

.button-container {
 display: flex;
 justify-content: space-between;
 margin-top: 20px;
}
.prev-btn{
 background-color: #007aff;
}
.submit-btn { 
 background-color: #007aff;
}
.draft-btn, .prev-btn, .submit-btn {
 flex: 1;
 margin: 0 10px;
 background-color: #007aff;
 color: white;
 border: none;
 padding: 10px;
 border-radius: 5px;
 font-size: 16px;
}

.draft-btn {
 background-color: #ff9900;
}

.container {
 display: flex;
 flex-direction: column;
 padding: 20px;
}

.category {
 margin-bottom: 20px;
}

.category-title {
 font-size: 18px;
 font-weight: bold;
 margin-bottom: 10px;
}

.option {
 flex: 1 0 18%; /* 每个选项占据18%的宽度，留出一些空间给间距 */
 max-width: 18%; /* 最大宽度，防止过宽 */
 min-width: 80px; /* 最小宽度，防止过窄 */
 box-sizing: border-box;
}

.option-content {
 position: relative;
 display: flex;
 flex-direction: column;
 align-items: center;
 cursor: pointer;
}

.icon {
 width: 40px;
 height: 40px;
 margin-bottom: 5px;
 position: relative;
}

.title {
 font-size: 14px;
 text-align: center;
 word-wrap: break-word; /* 防止标题过长导致布局错乱 */
}

.checkmark {
 position: absolute;
 top: 0;
 right: 0;
 width: 20px;
 height: 20px;
}

.footer {
 display: flex;
 justify-content: space-between;
 margin-top: 20px;
}

.button {
 flex: 1;
 margin: 0 10px;
 background-color: #007aff;
 color: white;
 border: none;
 padding: 10px;
 border-radius: 5px;
 font-size: 16px;
}
.option-container {
 display: flex;
 flex-wrap: wrap;
 gap: 20px; /* 选项之间的间距 */
}
/* index.wxss */
.container {
 padding: 20px;
}

.vehicle-type-display {
 margin-bottom: 20px;
 padding: 10px;
 border: 1px solid #ccc;
 border-radius: 4px;
 background-color: #f9f9f9;
}

.vehicle-type-display text {
 display: block;
 margin-bottom: 5px;
}
